.banner-portal {
  font-size: 0;
  &-img {
    height: 288px;
    width: 100%;
    object-fit: cover;
  }
}

.user-info {
  height: 155px;
  background: #FFFFFF;
  width: 100%;
  display: flex;
  &-div {
    border: 3px solid #68b377;
    border-radius: 50%;
    position: absolute;
    bottom: 16px;
    left: 30px;
    &-avatar{
      width: 186px;
      height: 186px;
    }
  }
  &-info {
    width:600px;
    margin-left:236px;
    padding-top: 23px;
    &-margin {
      display: block;
      margin: 24px 0px;
    }
    &-saying {
      color: #68b377;
      font-weight: bold;
      font-size: 14px;
    }
  }
  &-bubble{
    background-image: url("../../../assets/bubble.png");
    background-size: cover;
    position: absolute;
    width: 312px;
    height: 51px;
    right: 170px;
    bottom: 16%;
    &-greetings {
      height: 51px;
      font-size: 18px;
      line-height: 51px;
      font-weight: 400;
      color: #1B5345;
      padding-left: 18px;
    }
  }
  &-flowers{
    width: 340px;
    height: 155px;
    background-image: url("../../../assets/flowers-bg.png") ;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    margin-left: auto;
  }
}

.font-21{
  width: 64px;
  height: 20px;
  line-height: 20px;
  font-size: 21px;
  font-weight: 600;
  color: #333333;
}

.font-18 {
  height: 18px;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  color: #333333;
}

.font-16 {
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #333333;
}


